@charset "UTF-8";
@import "base.css";

*{ font-family:"microsoft yahei"; }
body { background:#efefef; }
.fullBody{ margin:0;padding:0;border:0;position:fixed;top:0;left:0;width:100%;height:100%;overflow:hidden; }

.header{ height:50px; background: #3a322f; }
.header .logo{ margin:0;  font-size:18px; color:#fff; position:absolute; top:12px; left:10px; }

.header .search-top{ position:absolute; top:12px; right:150px; }
.header .search-top > * { float:left; }
.header .search-top .text-search { width:160px; height:24px; }
.header .search-top .text-search * { height:24px; line-height:24px; }
.header .search-top .text-search * { height:24px; line-height:24px; }
.header .search-top .mini-textbox-border{ border: 0; }
.header .search-top .mini-textbox-input{ padding:0 3px; }

.header .right-info{ position:absolute; top:10px; right:12px; }
.header .right-info *{ float:left; color:#fff; }
.header .right-info .fa{ font-size:28px; }
.header .right-info .user{ margin:3px 0 0 8px; font-size:14px; }

.nav{ margin-left:300px; height:100%; overflow:hidden; color:#fff; }
.nav .ls { float:left; }
.nav .ls i { display: block; padding:0 25px; height:50px; line-height: 50px; color:#fff; font-size:14px;  }
.nav .ls:hover i { background: #413d3d; cursor: pointer; }
.nav .ls.active i { background: #0d0b0b; font-weight:bold; color:#fff; }
.sub-nav{ padding-left:10px; height:50px; background:#fff; font-size:14px; }
.sub-nav li { float:left; padding:0 2px; line-height:50px; }
.sub-nav .ls > i { display:block; margin:8px 0; padding:5px 12px; line-height:24px;  }
.sub-nav .ls > i:hover { background:#eee; cursor: pointer; }
.sub-nav .ls.active > i { background:#ddd; font-weight:bold; }
.sub-nav .spacer { padding:0 10px; font-size:18px; color:#ddd; }

.footer { padding:5px; text-align:center; background:#f6f6f6; border-color:#ccc; color:#666; border-top:1px solid #ccc; }

.toolbar{ padding:3px 5px; overflow:hidden; background: #eee; border-bottom:1px solid #ccc; }
.toolbar .spacer{ margin:2px 5px 0 3px; height:24px; border-left:1px solid #eee; border-right:1px solid #fff; }
.toolbar .separator { border-color:#ccc; }

/* < form > */
.form-title{ margin:10px; text-align:center; font-size:18px; font-weight:bold; letter-spacing:5px; }
.form-cont{ margin:0 2%; }
.form-table{ width:100%; border-collapse:collapse; border-spacing:0; }
.form-table > th{ width:120px; height:30px; font-weight:normal; }
.form-table .code{ padding:0 6px 6px; text-align:right; font-family:verdana; }
.form-table .bor > th{ background:#f8f8f8; text-align:center; border:1px solid #ccc; }
.form-table .bor > td{ padding:5px; background:#fff; border:1px solid #ccc; }
.form-table .bor .txt{ padding:0 3px; height:22px; line-height:22px; }
.form-table .bor .sel{ padding:0 3px; height:22px; line-height:22px; }
.form-table .bor .tarea{ width:99.55%; height:80px; overflow:auto; word-wrap:break-word; }
.form-table .bor .tip{ display:inline-block; margin-left:5px; padding:0 5px; background:#ffc; color:#000; border:1px solid #c93; position:absolute; }
.form-table .bor .msg{ display:inline-block; margin-left:3px; }
.form-table .bor .btx{ display:inline-block; margin-left:3px; color:#f00; }

.search-wrap .mini-panel-viewport{ background:#fff; }

.btns-center{ padding:5px; text-align:center; }
.btns-center .mini-button{ margin:2px 5px; }

.mini-grid a.link { color:#0262c2; text-decoration:underline; }
.mini-grid a.link:hover { color:#f30; }

.pageHome { width:100%; height:100%; position: fixed; top:0; left:0; }
.pageHome .left{ margin:15px 480px 0 15px; height:100%; }
.pageHome .right{ width:450px; height:100%; position:absolute; right:15px; top:15px; }

.chartDiv { height:100%; background:#ccc; }

.pageProjectDetail { width:100%; height:100%; position: fixed; top:0; left:0; }
.pageProjectDetail .left{ margin:15px 480px 0 15px; height:100%; }
.pageProjectDetail .right{ width:450px; height:100%; position:absolute; right:15px; top:15px; }
.pageProjectDetail .project-info .panel-body{ height:200px; position: relative;  }
.pageProjectDetail .project-info .panel-body .tl,
.pageProjectDetail .project-info .panel-body .tr{ position:absolute; }
.pageProjectDetail .project-info .panel-body .tl { width:260px; height:92%; top:0; left:0; border-right:1px dotted #ccc; }
.pageProjectDetail .project-info .panel-body .tc { margin:0 125px 0 270px; height:100%; }
.pageProjectDetail .project-info .panel-body .tc li { float:left; width:20%; height:100%; }
.pageProjectDetail .project-info .panel-body .tc li .title{ margin:0 5px; height:80px; overflow: hidden; line-height:100%; position: relative; }
.pageProjectDetail .project-info .panel-body .tc li .title i{ position: absolute; left:0; bottom:0; }
.pageProjectDetail .project-info .panel-body .tc li .line{ background:url(../images/timeline-dot-trans.png) no-repeat center; height:30px; }
.pageProjectDetail .project-info .panel-body .tc li .date{ text-align: center; }
.pageProjectDetail .project-info .panel-body .tr { width:110px; height:92%; text-align: center; top:0; right:0; border-left:1px dotted #ccc; }
.pageProjectDetail .project-info .panel-body .tr .amount { padding-top:65px; font-size:18px; font-weight:bold; }
.pageProjectDetail .project-info .panel-body .tr .amount i{ font-size:30px; }
.pageProjectDetail .project-info .panel-body .tr .title{ padding:5px 5px 0 0; font-size:14px; }

.panel { background: #fff; }
.panel-head {padding:12px 48px 12px 20px;border-bottom:1px solid transparent;border-top-left-radius:3px;border-top-right-radius:3px;}
.panel-title {font-size:14px;font-weight:700;line-height:20px;}
.panel-actions {padding:7px 8px;position:absolute;top:0;right:0;}
.panel-body{}
.panel-tabs .tabs { padding:10px 0 5px 10px; height:30px; }
.panel-tabs .tabs .tab{ float:left; margin-right:5px; padding:0 15px; line-height:30px;
	background:#f9f9f9; border:1px dotted #ccc; border-radius:5px; cursor:pointer; }
.panel-tabs .tabs .tab.active { background:#0b5ad3; border-color:#0b5ad3; color:#fff; font-weight:bold; }
.panel-tabs .panel-body { display:none; }

.timeline { padding:0 15px; }
.timeline .rs { height: 30px; line-height: 30px; overflow: hidden; }
.timeline .rs > * { float:left; display: block; }
.timeline .rs .tag{ padding-right:30px; background: url(../images/timeline-dot.png) no-repeat right; }
.timeline .rs .text{ padding-left:20px; width:260px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

/* 项目信息汇总 */
#dashboard .tl{ float:left; width:300px; text-align:center; }
#dashboard .tl .amount{ padding:10px; font-size:48px; line-height:48px; font-weight:bold; }
#dashboard .tl .btn{ display:inline-block; padding:0 28px 0 15px; background:#0b5ad3; line-height: 26px; border-radius:12px; color:#fff; position: relative; }
#dashboard .tl .btn .fa{ position: absolute; right:6px; top:3px; font-size:20px; color:#fff; }
#dashboard .status-bars{ margin-left:300px; height:135px; }
#dashboard .status-bars li{ float:left; width:25%; height:100%; }
#dashboard .status-bars li > .bar{ height:100px; text-align:center; position:relative; }
#dashboard .status-bars li > .bar .v{ display:block; width:10px; height:1px; background:#0c64eb;
	position:absolute; bottom:0; left:50%; margin-left:-5px; border-radius: 5px 5px 0 0; }
#dashboard .status-bars li > .bar .v .n{ display: inline-block; width:50px; font-weight: bold; font-family: arial; font-size:14px;
	position:relative; top:-20px; left:-20px; }
#dashboard .status-bars li > .title{ margin:auto; width:60%; color:#666; text-align: center; border-top:1px solid #ccc; }
#dashboard .status-bars li.zh .bar .v{ background:#f30; }
#dashboard .status-bars li.zh .bar .v .n{ color:#f30; }

/* 我的待办 */
#myWork{ margin-top:15px; }

.sPage{ background:#fff; }

.search-wrap{ margin:0 5px; }

.content-full{ background:#fff; overflow:hidden; border:1px solid #ccc; }

/* reset mini style */
.mini-grid{ background:#fff; }
.mini-grid .mini-panel-border, .mini-grid-pager{ border-color:#bbb; }
.mini-grid-headerCell{ background:#fff; line-height:30px; border-color:#bbb; }
.mini-grid-pager{ background:#fafafa; }
body .mini-pager-num{ height:16px; line-height:16px; }
.mini-grid-headerCell *,
.mini-grid-pager * { font-family:"microsoft yahei"; }
.mini-grid-headerCell-inner{ line-height:32px; font-size:14px; font-weight:bold; color:#666; }
.mini-grid-cell-nowrap{ line-height:28px; font-size:14px; }
.mini-grid-row-alt{ background:#f6f6f6; }
body .mini-grid-row-hover { background:#e7f0fe; }
.mini-tree-treeLine .mini-tree-collapse .mini-tree-node-ecicon-first{ background:none; }
.mini-tree-treeLine .mini-tree-collapse .mini-tree-node-ecicon,
.mini-tree-treeLine .mini-tree-expand .mini-tree-node-ecicon{ background:none; font: normal normal normal 14px/1 FontAwesome; color:#666; }
.mini-tree-treeLine .mini-tree-collapse .mini-tree-node-ecicon:hover,
.mini-tree-treeLine .mini-tree-expand .mini-tree-node-ecicon:hover{ color:#003ec6; }
.mini-tree-treeLine .mini-tree-collapse .mini-tree-node-ecicon:before,
.mini-tree-treeLine .mini-tree-expand .mini-tree-node-ecicon:before{ content: "\f138"; float:left; margin:5px 0 0 5px; }
.mini-tree-treeLine .mini-tree-expand .mini-tree-node-ecicon:before{ content: "\f13a"; }
.mini-tree .mini-tree-icon{ background:none; font: normal normal normal 14px/1 FontAwesome; color:#666; }
.mini-tree .mini-tree-icon:before{ content: "\f233"; float:left; margin:5px 0 0; }
.mini-toolbar { background: #eee; border:0; border-bottom:1px solid #ccc; }
.mini-fit.content-full { border:0; }

/* grid border null */
.mini-splitter-border{ border:0; }
.mini-splitter-pane1, .mini-splitter-pane2{ border-color:#ddd; }
.mini-grid .mini-panel-border,
.mini-grid-pager,
.mini-grid-headerCell,
.mini-grid-cell{ border:0; }
.mini-grid-headerCell{ border-bottom:1px solid #ddd; }
.mini-grid-pager { background: transparent; }

/* skin-blue */
.header{ background: #3367d6; }
.nav .ls:hover i { background: #0045db; }
.nav .ls.active i { background: #003ab8; }
.sub-nav .ls.active > i { background: #c8d9ff; color:#00287e; }